<template>
  <dv-border-box-8 style="padding: 15px ">
    <dv-decoration-7 style="width:100%;height:30px;">销售排行（TOP8）</dv-decoration-7>
    <dv-capsule-chart :config="config" style="width: 100%;height: 250px"/>
  </dv-border-box-8>

</template>

<script>
import {getSaleCustomer} from "@/api/dv/carbon";

export default {
  name: "SaleRanking",
  data() {
    return {
      config: {
        showValue: true,
        unit: "万",
        data: []
      },
    }
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      getSaleCustomer({pageNum: 1, pageSize: 8}).then(response => {
        this.config = {
          ...this.config,
          data: response.data
        }
      });
    },
  }
}
</script>

<style scoped>

</style>
